<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="/static/base/common/css/sapar.css" />
    <link rel="stylesheet" type="text/css" href="/static/base/common/css/common.css" />
    <link rel="stylesheet" type="text/css" href="/static/webjars/layui/css/layui.css"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=${AK}"></script>
    <title>专业部门总体综合评价</title>
    <style>
        <%--百度地图取消显示logo--%>
        .BMap_cpyCtrl {display: none;}
        .anchorBL {display: none;}

        .data-table{
            padding-left:15px;
        }
        .line-contatin{
            width:100%;
            height:100%;
        }
        .num-contatin{
            box-shadow: 0 0px 0px 0 rgba(0,0,0,.05);
        }
    </style>
</head>

<body>
<div id="saper-container">
    <div id="saper-hd"></div>
    <div id="saper-bd">
        <div class="subfiled clearfix">
            <h2>专业部门总体综合评价表</h2>
        </div>
        <div class="subfiled-content" >
            <div class="container layui-row">
                <div class="layui-row-sm12 layui-row-md12 layui-row-lg12 data-num">
                    <table class="layui-hide" lay-filter="data" id="data"></table>
                </div>


            </div>
        </div>
    </div>
    <div id="saper-ft"></div>
</div>
<script type="text/html" id="barDemo">
    <button class="layui-btn layui-btn-xs" lay-event="detail">详情</button>
</script>
</body>
<script type="text/javascript" src="/static/webjars/layui/layui.js"></script>
<script type="text/javascript" src="/static/base/common/js/jquery.js"></script>
<script type="text/javascript" src="/static/base/common/js/sapar.js"></script>
<script type="text/javascript" src="/static/js/special/countUp.min.js"></script>
<script type="text/javascript" src="/static/webjars/echarts/echarts.js"></script>
<script type="text/javascript" src="/static/js/special/bmap.min.js"></script>
<script type="text/javascript">



    //简单表格
    layui.use('table', function(){
        var table = layui.table;
        var form = layui.form;
        var form = layui.form;
        var limitNum = 15;
        var limitNums = [15,30,45,60,75,90]

        table.render({
            elem: '#data'
            ,url:'/ajax/grid/department_count'
            ,height:600
            ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                //,curr: 5 //设定初始在第 5 页
                ,groups: 1 //只显示 1 个连续页码
                ,first: false //不显示首页
                ,last: false //不显示尾页
            }
            ,method: 'post'
            ,request: {
                pageName: 'limitPage' //页码的参数名称，默认：page
                ,limitName: 'limitNum' //每页数据量的参数名，默认：limit
            }
            ,response: {
                statusName: 'res' //数据状态的字段名称，默认：code
                ,statusCode: 1 //成功的状态码，默认：0
                ,msgName: 'code' //状态信息的字段名称，默认：msg
                ,countName: 'count' //数据总数的字段名称，默认：count
                ,dataName: 'data' //数据列表的字段名称，默认：data
            }
            ,cols: [[
                { field: 'id',title: 'ID',width:60,sort:true}
                ,{ field:'branchName',title: '专业部门'}
                ,{field:'docketNum', title: '立案数',sort:true}
                ,{field:'shouldHandleNum', title: '应处置数', sort: true}
                ,{field:'handleNum',title:'处置数',sort:true}
                // ,{field:'onTimeHandleNum',title:'按期处置数',sort:true}
                // ,{field:'outTimeHandleNum',title:'超时处置数',sort:true}
                // ,{field:'inTimeHandleNum',title:'按期待处置数',sort:true}
                // ,{field:'outTimeNotHandleNum',title:'超时待处置数',sort:true}
                ,{field:'reWorkNum',title:'返工数',sort:true}
                // ,{field:'reWorkRate',title:'返工率',sort:true}
                ,{field:'shouldClosedNum',title:'应结案数',sort:true}
                ,{field:'realClosedNum',title:'结案数',sort:true}
                // ,{field:'realClosedRate',title:'结案率',sort:true}
                // ,{field:'onTimeClosedNum',title:'按期结案数',sort:true}
                // ,{field:'onTimeClosedRate',title:'按期结案率',sort:true}
                ,{field:'overallMerit',title:'综合指标',sort:true}
                ,{field:'rank',title:'评价等级',sort:true}
                ,{title:'操作',fixed: 'right',width: 100, toolbar: '#barDemo'}
            ]]
        });

        table.on('tool(data)', function(obj){
            var data = obj.data;
            if(obj.event === 'detail'){
                layer.open({
                    type: 2,
                    title: '专业部门总体综合评价表-详情',
                    btn: ['取消'],
                    btnAlign: 'c',
                    maxmin: true,
                    shadeClose: true, //点击遮罩关闭层
                    area: ['70%', '80%'],
                    content: '/command/department_details',
                    success: function(layero, index){
                        var body = layer.getChildFrame('body', index);
                        body.contents().find("#branchName").val(data.branchName);
                        body.contents().find("#docketNum").val(data.docketNum);
                        body.contents().find("#shouldHandleNum").val(data.shouldHandleNum);
                        body.contents().find("#handleNum").val(data.handleNum);
                        body.contents().find("#onTimeHandleNum").val(data.onTimeHandleNum);
                        body.contents().find("#outTimeHandleNum").val(data.outTimeHandleNum);
                        body.contents().find("#inTimeHandleNum").val(data.inTimeHandleNum);
                        body.contents().find("#outTimeNotHandleNum").val(data.outTimeNotHandleNum);
                        body.contents().find("#reWorkNum").val(data.reWorkNum);
                        body.contents().find("#reWorkRate").val(data.reWorkRate);
                        body.contents().find("#shouldClosedNum").val(data.shouldClosedNum);
                        body.contents().find("#realClosedNum").val(data.realClosedNum);
                        body.contents().find("#realClosedRate").val(data.realClosedRate);
                        body.contents().find("#onTimeClosedNum").val(data.onTimeClosedNum);
                        body.contents().find("#onTimeClosedRate").val(data.onTimeClosedRate);
                        body.contents().find("#overallMerit").val(data.overallMerit);
                        body.contents().find("#rank").val(data.rank);
                    }

                });
            }
        });
    });


</script>

</html>